
<HTML><HEAD>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta http-equiv='Expires' content='0'>
<meta http-equiv='Cache-Control' content='no-cache'>
<meta http-equiv='Pragma' content='no-cache'>
<script type='text/javascript'>
function openhelp(url, winname , features) { //v1.0
window.open(url,winname , features);}
function goToURL() { //v1.0
    document.mainform.action='/saosport/spmenu';   
    document.mainform.target='_top'; 
    document.mainform.method='post';
    document.mainform.submit();
}
function changeactivity(mainform) {
cent_id= new Array();
desc   = new Array();
cent_id[0]='Shaw Sports Complex';
desc[0] = 'Fitness Training';
cent_id[1]='Kwong On Jubilee Sports Center';
desc[1] = 'Activities Room';
cent_id[2]='Joint Sports Center';
desc[2] = 'JSC 5 a-side Soccer';
cent_id[3]='Shaw Sports Complex';
desc[3] = 'Tennis';
cent_id[4]='Joint Sports Center';
desc[4] = 'JSC Tennis';
cent_id[5]='Keith Legg Sports Field';
desc[5] = 'Soccer';
cent_id[6]='Joint Sports Center';
desc[6] = 'JSC Handball';
cent_id[7]='Shaw Sports Complex';
desc[7] = 'Activities Room';
cent_id[8]='Joint Sports Center';
desc[8] = 'JSC Golf';
cent_id[9]='Joint Sports Center';
desc[9] = 'JSC Soccer';
cent_id[10]='Joint Sports Center';
desc[10] = 'JSC Volleyball';
cent_id[11]='Shaw Sports Complex';
desc[11] = 'Shaw Golf';
cent_id[12]='Kwong On Jubilee Sports Center';
desc[12] = 'Squash';
cent_id[13]='Student Hall';
desc[13] = 'Hall Fitness Room';
cent_id[14]='Shaw Sports Complex';
desc[14] = 'Indoor Basketball';
cent_id[15]='Kwong On Jubilee Sports Center';
desc[15] = 'Badminton';
cent_id[16]='Shaw Sports Complex';
desc[16] = 'Badminton';
cent_id[17]='Joint Sports Center';
desc[17] = 'JSC Basketball';
cent_id[18]='Shaw Sports Complex';
desc[18] = 'Table tennis';
cent_id[19]='Shaw Sports Complex';
desc[19] = 'Indoor Volleyball';
c_count=20;
 for (var i=0; i<mainform.lst_activity.options.length; i++) { 
 if (mainform.lst_activity.options[i].selected) { 
   for ( var j=mainform.lst_centre.length; j>0; j--) {  // clear the court
     document.mainform.lst_centre.options[j] = null; } 
    match_count=0;
   for ( x=0; x<20; x++) { 
   if( mainform.lst_activity.options[i].text == desc[x] ) { 
   match_count=match_count + 1; }                          
    } // end for
   document.mainform.lst_centre.length=match_count+1; 
    y=0; 
    for ( x=0; x<20; x++) { 
     if(desc[x]== mainform.lst_activity.options[i].text) { 
     document.mainform.lst_centre.options[y].text=cent_id[x]; 
     y=y+1; 
      } // end if
    }  //end for 
     document.mainform.lst_centre.options[y].text='All'; 
   } // end for
   } 
} // end  function
</script>
</HEAD><BODY>
<img height=30 src='/saosport/image/t_casual.gif' width=579 onMouseDown="openhelp('/saosport/menu/webguide.htm#makebook','','toolbar=yes,scrollbars=yes')">
<FORM name=mainform method='post' action='/saosport/spmakebk'>
  <table width='570' border='0' cellspacing='0'>
    <tr>
      <td colspan='7'><font size='3'><b>Note: On line booking can be made anytime up to 7 days in advance but not earlier than 8:30am on the 7th day.<b></font></td>
    </tr></table>
  <table width='570' border='0' cellspacing='0'>
    <tr bgcolor='#333399'>
      <td colspan='7'><font color=#ffffff><font size='3'><b>CHAN Shing Chuen<b><br></font></font>
        <font color=#FFFFFF><b>Today is (WEDNESDAY) 16-JAN-2013 <b></font></td>
    </tr>
    <tr bgcolor='#CCFFCC'>
      <td width='32'>&nbsp;</td>
      <td width='62'><font color='#000000' size='3'><b><font face='Georgia, Times New Roman, Times, serif'>User No.</font></b></font></td>
      <td width='113'><font color='#000000' size='3'>10953550T</font> </td>
      <td width='49'><font color='#000000' size='3'>&nbsp;</font></td>
      <td width='162'><font color='#000000' size='3'><b><font face='Georgia, Times New Roman, Times, serif'>Deposit Balance</font></b></font></td>
      <td width='122'><font color='#000000' size='3'>$ 60</font></td>
      <td width='16'><font color='#000000' size='3'>&nbsp;</font></td>
    </tr>
    <tr bgcolor='#CCFFCC'>
      <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
    </tr>
    <tr bgcolor='#CCFFCC'>
      <td>&nbsp;</td>
      <td><font color='#000000' size='3'><b><font face='Georgia, Times New Roman, Times, serif'>Activity</font></b></font></td>
      <td><div align='left'>
          <select name=lst_activity onChange=changeactivity(this.form);>
<option></option>
<option>Activities Room</option>
<option>Badminton</option>
<option>Fitness Training</option>
<option>Hall Fitness Room</option>
<option>Indoor Basketball</option>
<option>Indoor Volleyball</option>
<option>JSC 5 a-side Soccer</option>
<option>JSC Basketball</option>
<option>JSC Golf</option>
<option>JSC Handball</option>
<option>JSC Soccer</option>
<option>JSC Tennis</option>
<option>JSC Volleyball</option>
<option>Shaw Golf</option>
<option>Soccer</option>
<option>Squash</option>
<option>Tennis</option>
<option>Table tennis</option>
          </select>
        </div></td>
      <td>&nbsp;</td><td>&nbsp;</td><td>
       <input type='submit' name='Submit' value='Check' ></td>
      <td>&nbsp;</td>
     </tr>
    <tr bgcolor='#CCFFCC'>
      <td>&nbsp;</td>
      <td><font color='#000000' size='3'><b><font face='Georgia, Times New Roman, Times, serif'>Date</font></b></font></td>
      <td>
        <select name=lst_st_day >
<option></option>
<option>16-Jan-2013</option>
<option>17-Jan-2013</option>
<option>18-Jan-2013</option>
<option>19-Jan-2013</option>
<option>20-Jan-2013</option>
<option>21-Jan-2013</option>
<option>22-Jan-2013</option>
<option>23-Jan-2013</option>
        </select>
      </td>
      <td bgcolor='#CCFFCC'>
        <div align='center'><b><font color='#000000' face='Georgia, Times New Roman, Times, serif' size='2'>to</font></b></div>
      </td>
      <td>
        <select name=lst_ed_day >
<option></option>
<option>16-Jan-2013</option>
<option>17-Jan-2013</option>
<option>18-Jan-2013</option>
<option>19-Jan-2013</option>
<option>20-Jan-2013</option>
<option>21-Jan-2013</option>
<option>22-Jan-2013</option>
<option>23-Jan-2013</option>
        </select>
      </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr bgcolor='#CCFFCC'>
      <td>&nbsp;</td>
      <td><font color='#000000' size='3'><b><font face='Georgia, Times New Roman, Times, serif'>Time</font></b></font></td>
      <td>
        <select name=lst_st_time >
<option></option>
<option>08:30</option>
<option>09:00</option>
<option>09:30</option>
<option>10:00</option>
<option>10:30</option>
<option>11:00</option>
<option>11:30</option>
<option>12:00</option>
<option>12:30</option>
<option>13:00</option>
<option>13:30</option>
<option>14:00</option>
<option>14:30</option>
<option>15:00</option>
<option>15:30</option>
<option>16:00</option>
<option>16:30</option>
<option>17:00</option>
<option>17:30</option>
<option>18:00</option>
<option>18:30</option>
<option>19:00</option>
<option>19:30</option>
<option>20:00</option>
<option>20:30</option>
<option>21:00</option>
<option>21:30</option>
<option>22:00</option>
        </select>
      </td>
      <td bgcolor='#CCFFCC'>
        <div align='center'><b><font color='#000000' face='Georgia, Times New Roman, Times, serif' size='2'>to</font></b></div>
      </td>
      <td>
        <select name=lst_ed_time >
<option></option>
<option>08:30</option>
<option>09:00</option>
<option>09:30</option>
<option>10:00</option>
<option>10:30</option>
<option>11:00</option>
<option>11:30</option>
<option>12:00</option>
<option>12:30</option>
<option>13:00</option>
<option>13:30</option>
<option>14:00</option>
<option>14:30</option>
<option>15:00</option>
<option>15:30</option>
<option>16:00</option>
<option>16:30</option>
<option>17:00</option>
<option>17:30</option>
<option>18:00</option>
<option>18:30</option>
<option>19:00</option>
<option>19:30</option>
<option>20:00</option>
<option>20:30</option>
<option>21:00</option>
<option>21:30</option>
<option>22:00</option>
        </select>
      </td>
      <td>
        <input type='button' name='Submit2' value='Back  ' onClick=goToURL();>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr bgcolor='#CCFFCC'>
      <td>&nbsp;</td>
      <td><font color='#000000' size='3'><b><font face='Georgia, Times New Roman, Times, serif'>Centre</font></b></font></td>
      <td>
        <select name=lst_centre >
<option>All</option>
<option>Student Hall</option>
<option>Joint Sports Center</option>
<option>Keith Legg Sports Field</option>
<option>Kwong On Jubilee Sports Center</option>
<option>Shaw Sports Complex</option>
        </select>
      </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr bgcolor='#CCFFCC'>
         <td>&nbsp;</td>
         <td colspan='6'>
             <table>
                <tr>
                  <td>
  	 		         <img src='Kaptcha.jpg'>
                  </td>
                </tr>
                <tr>
                 <td>
  	 		        Please input the above image code with capital letters &nbsp;<input type='text' name='kaptchafield' size='10' maxlength='4'>
                 </td>
                </tr>
             </table>
         </td>
    </tr>
    <tr bgcolor='#CCFFCC'>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table></FORM></BODY></HTML>
